<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>星辰</title>
    <link rel="stylesheet" href="<%= homepage %>/public/assets/bootstrap/dist/css/bootstrap.min.css">
    <script src="<%= homepage %>/public/assets/jquery/dist/jquery.min.js"></script>
    <script src="<%= homepage %>/public/assets/bootstrap/dist/js/bootstrap.min.js"></script>
    <style>
        a:hover{
            text-decoration: none;
        }
        .navs{
            height: 74px;
        }
        .navs li{
            line-height: 74px;
            width: 96px;
            text-align: center;
        }
        .navs li.active{
           background: #34495e;
        }
        .navs li a{
            font-size: 18px;
            color:#000;
        }
        .navs li a.active{
            color: #fff;
        }
        .banner{
            height: 453px;
            background:url("<%= homepage %>/public/images/banner.jpg");
        }
    </style>
</head>
<body>

<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">Brand</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
                <li><a href="#">Link</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">One more separated link</a></li>
                    </ul>
                </li>
            </ul>
            <form class="navbar-form navbar-left">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search">
                </div>
                <button type="submit" class="btn btn-default">Submit</button>
            </form>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="<%= homepageDir %>/user/login">登录</a></li>
                <li><a href="<%= homepageDir %>/user/reg">注册</a></li>

            </ul>
            <!--<ul class="nav navbar-nav navbar-right">
                <li><a href="#">张三</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">操作 <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li role="separator" class="divider"></li>
                        <li><a href="#">退出</a></li>
                    </ul>
                </li>
            </ul>-->
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>

 <div class="container">
   <div class="col-sm-12" style="position: relative">
       <div class="col-sm-2" style="height: 74px;">
           <a href="" style="position: absolute;top:11px;"><img src="<%= homepage %>/public/images/logo.png" alt="" class="img-responsive"></a>
       </div>
       <div class="col-sm-8">
           <ul class="list-unstyled list-inline navs">
               <li class="active"><a href="<%= homepageDir %>" class="active">网站首页</a></li>
               <li><a href="">自动化</a></li>
               <li><a href="">远程监控</a></li>
               <li><a href="">全球服务</a></li>
               <li><a href="">软件集成</a></li>
               <li><a href="">课程</a></li>
               <li><a href="">联系我们</a></li>
           </ul>
       </div>
       <div class="col-sm-2" style="position: absolute;top:21px;right: 0px">
           <img src="<%= homepage%>/public/images/zh-CN.png" alt="">
           <img src="<%= homepage%>/public/images/en.png" alt="">
       </div>
   </div>
 </div>
<div class="container-fluid banner">

</div>
 <div class="container">
    <div class="col-sm-12 text-center" style="margin-top: 60px;">
        <img src="<%= homepage %>/public/images/icon.png" alt="">
    </div>
 </div>
</body>
</html>